<template name="viewportOverlay">
    <div class="imageViewerViewportOverlay noselect">
        <div class="topleft dicomTag">
            <div>{{data.patientName}}</div>
            <div>{{data.patientId}}</div>
            <div></div>
        </div>
        <div class="topright dicomTag">
            <!--<div>{{data.studyDescription}}</div>-->
            <div>{{data.studyDate}} {{data.studyTime}}</div>
        </div>
        <div class="bottomright dicomTag">
            <div>Zoom: {{formatNumberPrecision zoom 2}}%</div>
            <div>{{compression}}</div>
            <div>{{wwwc}}</div>
        </div>
        <div class="bottomleft dicomTag">
            <div>Ser: {{data.seriesNumber}}</div>
            <div>Img: {{imageNumber}} ({{imageIndex}}/{{numImages}})</div>
            <div>{{frameRate}}</div>
            <div>{{imageDimensions}}</div>
            <div>{{seriesDescription}}</div>
        </div>
    </div>
</template>